<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Symbol 创建对象属性</title>
</head>
<body>
    <script>
        //创建属性名
        let keys = {
            up: Symbol('up'),
            down: Symbol('down'),
            left: Symbol('left'),
            right: Symbol('right'),
        };

        //向对象中添加与 up 相关的方法  
        let game = {
            name:'俄罗斯方块',
            [keys.up](){
                console.log('向上')
            },
            [keys.down](){
                console.log('向下')
            },
            [keys.left](){
                console.log('向左')
            },
            [keys.right](){
                console.log('向右')
            },
        };

        //调用
        game[keys.down]();

        console.log(game);
        //在对象中添加变量值对应的属性
        // let k = 'name';
        // let f = 'run';
        // let c = 'control';
        // let obj = {
        //     [k]: '张三',
        //     [f]: function(){
        //         console.log('可以运行')
        //     },
        //     //ES6 简便写法
        //     [c](){
        //         console.log('我可以控制自己~~');
        //     }
        // }
        // console.log(obj);




        //示例
        let games = {
            name:'俄罗斯方块',
            up: '你好'
        }

        games[Symbol('up')] = function(){
            console.log('变形');
        }
        
        games[Symbol('up')] = function(){
            console.log('变形2');
        }

        console.log(games);
       


    </script>
</body>
</html>